body {
    background: #F6F6F6;
    //头像
    section:nth-child(1) {
        width: 100%;
        height: 230/40rem;
        background: url(../image/customer.jpg) no-repeat center;
        background-size: cover;
        overflow: hidden;
        display: flex;
        div.setup {
            width: 42/40rem;
            height: 42/40rem;
            margin-top: 50/40rem;
            padding-left: 24/40rem;
            img {
                width: 100%;
                height: 100%;
            }
        }
        div.photo {
            width: 111/40rem;
            height: 111/40rem;
            border-radius: 50%;
            margin: 94/40rem auto 0;
            img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }
        }
        div.news {
            width: 42/40rem;
            height: 42/40rem;
            margin-top: 50/40rem;
            padding-right: 24/40rem;
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
    //跟单喊单记录
    section:nth-child(2) {
        height: 240/40rem;
        background: #fff;
        div.name {
            display: flex;
            justify-content: center;
            align-items: center;
            p {
                font-size: 30/40rem;
                color: #171922;
                &.zuanshi {
                    width: 27/40rem;
                    height: 27/40rem;
                    margin-left: 12/40rem;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
        div.member {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20/40rem;
            div:nth-child(1) {
                font-size: 20/40rem;
                color: #171922;
            }
            div:nth-child(2) {
                width: 5.5rem;
                height: 15/40rem;
                background-color: #ECEFF4;
                border-radius: 8/40rem;
                margin: 0 20/40rem 0 10/40rem;
                span {
                    display: block;
                    height: 100%;
                    border-radius: 8/40rem;
                    background-color: #3e9ce0;
                }
            }
            div:nth-child(3) {
                font-size: 20/40rem;
                color: #171922;
            }
        }
        div.follow {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 30/40rem;
            div.hd {
                margin-right: 127/40rem;
                p:nth-child(1) {
                    font-size: 48/40rem;
                    color: #30353C;
                    span {
                        font-size: 24/40rem;
                    }
                }
                p:nth-child(2) {
                    font-size: 24/40rem;
                    color: #8C9299;
                }
            }
            div.gd {
                p:nth-child(1) {
                    font-size: 48/40rem;
                    color: #30353C;
                    span {
                        font-size: 24/40rem;
                    }
                }
                p:nth-child(2) {
                    font-size: 24/40rem;
                    color: #8C9299;
                }
            }
        }
    }
    //功能区
    section:nth-child(3) {
        margin-top: 20/40rem;
        div {
            background-color: #FFFFFF;
            height: 102/40rem;
            line-height: 102/40rem;
            width: 100%;
            display: flex;
            margin-bottom: 2/40rem;
            a {
                width: 100%;
                height: 100%;
                span {
                    font-size: 26/40rem;
                    color: #30353C;
                }
                span:nth-child(1) {
                    position:absolute;
                    top: 35%;
                    left: 30/40rem;
                }
                span:nth-child(2) {
                    margin-left: 80/40rem;
                }
                span:nth-child(3){
                    display: block;
                    width: 14/40rem;
                    height: 24/40rem;
                    background: url(../image/customer/arrow-right.png) no-repeat center/cover;
                    position:absolute;
                    top: 40%;
                    right: 30/40rem;
                }
            }
//          &:nth-child(1) {
//              a {
//                  position: relative;
//                  span:nth-child(1) {
//                      display: block;
//                      width: 32/40rem;
//                      height: 37/40rem;
//                      background: url(../image/customer/guanli.png) no-repeat center/cover;
//                  } 
//              }
//          }
            &:nth-child(1) {
                a {
                    position: relative;
                    span:nth-child(1) {
                        display: block;
                        width: 28/40rem;
                        height: 32/40rem;
                        background: url(../image/customer/gd.png) no-repeat center/cover;
                    }
                }
            }
            &:nth-child(2) {
                a {
                    position: relative;
                    span:nth-child(1) {
                        display: block;
                        width: 30/40rem;
                        height: 33/40rem;
                        background: url(../image/customer/hd.png) no-repeat center/cover;
                    }
                }
            }
            &:nth-child(3) {
                a {
                    position: relative;
                    span:nth-child(1) {
                        display: block;
                        width: 30/40rem;
                        height: 30/40rem;
                        background: url(../image/customer/member.png) no-repeat center/cover;
                    }
                }
            }
            &:nth-child(4) {
                a {
                    position: relative;
                    span:nth-child(1) {
                        display: block;
                        width: 29/40rem;
                        height: 30/40rem;
                        background: url(../image/customer/tixian.png) no-repeat center/cover;
                    }
                }
            }
            &:nth-child(5) {
                a {
                    position: relative;
                    span:nth-child(1) {
                        display: block;
                        width: 30/40rem;
                        height: 30/40rem;
                        background: url(../image/customer/contact.png) no-repeat center/cover;
                    }
                }
            }
            &:nth-child(6) {
                a {
                    position: relative;
                    span:nth-child(1) {
                        display: block;
                        width: 30/40rem;
                        height: 30/40rem;
                        background: url(../image/customer/help.png) no-repeat center/cover;
                    }
                }
            }
        }
    }
    section:nth-child(4) {
        width: 100%;
        height: 200/40rem;
    }
    footer {
        background-color: #fff;
        border: 0 none;
        ul {
            li {
                a {
                    color: #363B42;
                    font-size: 22/40rem;
                }
                &:nth-child(1) {
                    a {
                        i {
                            background: url(../image/customer/hq.png) no-repeat center/cover;
                        }  
                    }
                }
                &:nth-child(2) {
                    a {
                        i {
                            background: url(../image/customer/fxs.png) no-repeat center/cover;
                        }  
                    }
                }
                &:nth-child(3) {
                    a {
                        i {
                            background: url(../image/customer/news.png) no-repeat center/cover;
                        }  
                    }
                }
                &:nth-child(4) {
                    a {
                        color: #3e9ce0;
                        i {
                            background: url(../image/customer/zhed.png) no-repeat center/cover;
                        }  
                    }
                }
            }
        }
    }
}
